div.dws-graph-container {
  width: auto;
  height: 100%;
  background-color: #172236;
  background-size: 30px 30px, 30px 30px !important;
  background-image: linear-gradient(hsla(0, 0%, 100%, 0.1) 1px, transparent 0),
    linear-gradient(90deg, hsla(0, 0%, 100%, 0.1) 1px, transparent 0) !important;
}

.g6-component-tooltip {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 0px 10px 24px 10px;
  box-shadow: rgb(174, 174, 174) 0px 0px 10px;
}

:host::ng-deep {
  div#mountNode>canvas {
    background-color: #172236;
    background-size: 30px 30px, 30px 30px !important;
    background-image: linear-gradient(hsla(0, 0%, 100%, 0.1) 1px, transparent 0),
      linear-gradient(90deg, hsla(0, 0%, 100%, 0.1) 1px, transparent 0) !important;
  }

}

::ng-deep {
  div#mountNode>canvas {
    background-color: #172236;
    background-size: 30px 30px, 30px 30px !important;
    background-image: linear-gradient(hsla(0, 0%, 100%, 0.1) 1px, transparent 0),
      linear-gradient(90deg, hsla(0, 0%, 100%, 0.1) 1px, transparent 0) !important;
  }
  div.g6-minimap{
    overflow: auto;
    background-color: gray;

  }

}

div#mountNode>canvas {
  overflow: auto;
  background-color: #172236;
  background-size: 30px 30px, 30px 30px !important;
  background-image: linear-gradient(hsla(0, 0%, 100%, 0.1) 1px, transparent 0);
}

a:hover {
  font-size: larger;
}

:host {
  a:hover {
    font-size: larger;
  }
}

:host::ng-deep {
  a:hover {
    font-size: larger;
  }

  span.ant-spin-dot {
    margin-top: 40vh !important;
  }
}
div#minimap-container{
  border-bottom: 1px solid red !important;
}